<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>订单总览</title>

    <link href="<%=path%>/resources/css/style.css" rel="stylesheet">
    <link href="<%=path%>/resources/css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="<%=path%>/resources/js/html5shiv.js"></script>
    <script src="<%=path%>/resources/js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <%@ include file="/page/common/leftmenu.jsp" %>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <%@ include file="/page/common/top.jsp" %>
        <!-- header section end-->

        <!-- page heading start-->
        <div class="page-heading">
            <h3>

            </h3>
            <ul class="breadcrumb">
                <li>
                    <a href="#">管理平台</a>
                </li>
                <li class="active">订单总览</li>
            </ul>
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <section class="wrapper">
            <%-- start--%>
                <div class="wrapper">
                        <%--<div class="col-md-4">--%>
                            <!--statistics start-->
                            <style>
                                .backcolor{background: #DDDDDD}
                            </style>
                            <div class="row state-overview">
                                <div class="col-md-4">
                                    <a href="<%=path%>/admin/order/order_list_page.do">
                                        <div class="panel backcolor">
                                            <div class="symbol">
                                                <i class="fa fa-gavel"></i>
                                            </div>
                                            <div class="state-value">
                                                <div class="value">${totalOrders}</div>
                                                <div class="title">所有订单</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="<%=path%>/admin/order/order_list_page.do?today=true">
                                        <div class="panel backcolor">
                                            <div class="symbol">
                                                <i class="fa fa-tags"></i>
                                            </div>
                                            <div class="state-value">
                                                <div class="value">${todayOrders}</div>
                                                <div class="title">今日订单</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="<%=path%>/admin/order/order_list_page.do?state=${up}">
                                        <div class="panel backcolor">
                                            <div class="symbol">
                                                <i class="fa fa-tags"></i>
                                            </div>
                                            <div class="state-value">
                                                <div class="value">${unpayOrders}</div>
                                                <div class="title">待付款订单</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="row state-overview">
                                <div class="col-md-4">
                                    <a href="<%=path%>/admin/order/order_list_page.do?state=${ud}">
                                        <div class="panel backcolor">
                                            <div class="symbol">
                                                <i class="fa fa-money"></i>
                                            </div>
                                            <div class="state-value">
                                                <div class="value">${payedOrders}</div>
                                                <div class="title"> 待派单订单</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="<%=path%>/admin/order/order_list_page.do?state=${uc}">
                                        <div class="panel backcolor">
                                            <div class="symbol">
                                                <i class="fa fa-eye"></i>
                                            </div>
                                            <div class="state-value">
                                                <div class="value">${waitSettlement}</div>
                                                <div class="title"> 待结算订单</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="/admin/order/order_list_page.do?state=${ur}">
                                        <div class="panel backcolor">
                                            <div class="symbol">
                                                <i class="fa fa-eye"></i>
                                            </div>
                                            <div class="state-value">
                                                <div class="value">${waitRefundOrders}</div>
                                                <div class="title"> 待退款订单</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!--statistics end-->
                        <%--</div>--%>
                </div>
            <%--end--%>
        </section>


        <!--body wrapper end-->

        <!--footer section start-->
        <%@ include file="/page/common/footer.jsp" %>
        <!--footer section end-->
    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="<%=path%>/resources/js/jquery-1.10.2.min.js"></script>
<script src="<%=path%>/resources/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="<%=path%>/resources/js/jquery-migrate-1.2.1.min.js"></script>
<script src="<%=path%>/resources/js/bootstrap.min.js"></script>
<script src="<%=path%>/resources/js/bootstrap.min.js"></script>
<script src="<%=path%>/resources/js/bootstrap-table.js"></script>

<script src="<%=path%>/resources/js/modernizr.min.js"></script>
<script src="<%=path%>/resources/js/jquery.nicescroll.js"></script>
<script src="<%=path%>/resources/js/common.js"></script>

<!--common scripts for all pages-->
<script src="<%=path%>/resources/js/scripts.js"></script>
<script>
    jQuery(document).ready(function($)
    {
        selectEffect("admin/order/OrderOverView.do");
    });
</script>
</body>
</html>

